<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
    *{
            margin:0;
            padding:0;
        }
.test1 {
	background-color: #9FF;
	height: 200px;
	width: 800px;
	position: relative;
	margin: 0 auto;
}
li {
	list-style:none}
img {
	position: absolute;
	height: 200px;
	width: 800px;
}
</style>
</head>

<body>
<div class="test1">
    <ul>
        <li><img style="z-index: 3" src="https://res.shiguangkey.com//file/201806/19/20180619142252602590185.jpg"><li/>
        <li><img style="z-index: 1" src="https://res.shiguangkey.com//file/201806/21/20180621150342030454625.jpg"><li/>
        <li><li/>
        <li><li/>
</ul>
</div>

</div>
</body>
</html>
